import React, { useState } from "react";
import Team from "../team/index";
import Case from "../case/index";
import Start from "../start/index";
import Process from "../process/index";
import Problem from "../problem/index";
import style from "./index.module.less";
import icon1 from "@/style/imgs/select/icon1.png";
import icon2 from "@/style/imgs/select/icon2.png";
import icon3 from "@/style/imgs/select/icon3.png";

const PingguPage = () => {
  const [flowList, setFlowList] = useState([
    { title: "快速预审", icon: icon1, desic: "适用于不确定选择哪种服务类型，想尽早了解自己文章的质量与期刊发表潜力的客户。我们会将您的文章发送给专业编辑，专业编辑将从“表达准确性，语句可读性，语句逻辑性，文章结构合理性，数据充分性，研究内容创新性，以及发表在英文科学期刊上的可能性”等方面对文章进行1-5分评分，并推荐最适合您文章的服务种类，将以上内容总结为一个Quick Evaluation Report发送给您。", tableTitle: "快速预审服务价目表", row1: "1个工作日", row2: "￥400" },
    { title: "编辑前评审", icon: icon2, desic: "适用于想知道自己的文章是否有进一步修改和润色的价值，是否有发表在英文科学期刊上潜力的客户。我们会将您的文章发送给专业编辑，专业编辑将从 “表达准确性，语句可读性，语句逻辑性，文章结构合理性，数据充分性，研究内容创新性，以及发表在英文科学期刊上的可能性”等方面对文章进行1-5分评分。然后，编辑会根据文章的水准推荐润色服务种类，并对稿件进行简单的评价和总结。编辑会将以上所有内容总结为一个Pre-editing Evaluation Report发送给您。", tableTitle: "编辑前评审服务价目表", row1: "3个工作日", row2: "￥700" },
    { title: "专业学术评审", icon: icon1, desic: "此服务可使您的文章获得同领域专家的评审意见和建议，让您的文章在投稿之前得到进一步改进， 从而提高稿件被接收的几率。万方寰宇的专家团队在不同的领域已有多年的审稿经验， 从而可以从审稿人的角度对文章的不同方面做出评价，具体包括但不限于：对文章整体的学术质量进行评价， 并提供可以提高学术质量的建议；对文章的创新性和专业领域贡献与影响作出评价；对文章的结构， 标题，摘要，引言，方法，结果，讨论，图表和参考文献等提出可以改进的建议，并指出可能存在的错误； 指出文章中的语言问题和语法错误。", tableTitle: "专业学术评审服务价目表", row1: "5个工作日", row2: "￥2500" }
  ]);
  
  return <>
    {/* 头部介绍 */}
    <div className={style.banner}>
      <div className={style.banner_content}>
        <div className={`h2 black ${style.h2}`}>通过评审服务评估稿件质量和发表于专业期刊的潜力</div>
        <div className="h3 black">
          • 3000+学科编辑对应匹配
        </div>
        <div className="h3 black">
          • 平均13年编辑经验
        </div>
        <div className="h3 black">
          • 提供多方面评价总结报告
        </div>
      </div>
    </div>
    {/* 为什么选择预审评估 */}
    <div className={style.prequalification}>
      <div className={`h2 black ${style.h2}`}>为什么选择预审评估服务</div>
      <div className={style.pre_item}>
        <span>1</span>
        <span>科研人员都希望自己的文章被国际知名期刊及会议接收。专业编辑提供独立中肯的评估，可以让科研人员了解自己文章的质量与期刊发表的潜力，从而有的放矢，有针对性地对文章进行修改和投稿。</span>
      </div>
      <div className={style.pre_item}>
        <span>2</span>
        <span>万方寰宇SCI论文英语润色团队全部由母语为英语且具有相关专业背景的SCI论文编辑或长期从事英文SCI论文编译、润色的华人专家组成。 他们不仅语言功底深厚，且均有相关专业研究背景。我们会根据您的论文研究领域选择相应专家进行分析评估。</span>
      </div>
      <div className={style.pre_item}>
        <span>3</span>
        <span>服务合并优惠规则（快速预审及编辑前评审适用）：若您最终选择将您的稿件交给万方寰宇进行润色编辑，我们会对您之前进行的编辑前评审服务减免一半的费用（5折优惠）。</span>
      </div>
    </div>
    {/* 预审评估选择 */}
    <div className={style.select_body}>
      <div className={`h2 black ${style.h2}`}>预审评估选择</div>
      <div className={style.select_content}>
        <div className={style.select_item}>
          <img src={icon1} alt="图片加载失败" />
          <div className="h4 black">快速预审</div>
        </div>
        <div className={style.select_item}>
          <img src={icon2} alt="图片加载失败" />
          <div className="h4 black">编辑前评审</div>
        </div>
        <div className={style.select_item}>
          <img src={icon3} alt="图片加载失败" />
          <div className="h4 black">专业学术评审</div>
        </div>
      </div>
    </div>
    {/* 流程介绍 */}
    <div className={style.select_flow}>
      {flowList.map((item: any, index: number) => {
        return <div className={style.flow_item} key={index}>
          <div className={style.flow_header}>
            <img src={item.icon} alt="图片加载失败" />
            <span>{item.title}</span>
          </div>
          <div className={style.flow_desic}>
            {item.desic}
          </div>
          <div className={style.flow_table}>
            <div className={style.table_title}>{item.tableTitle}</div>
            <ul>
              <li>
                <span>服务周期</span>
                <span>{item.row1}</span>
              </li>
              <li>
                <span>费用</span>
                <span>{item.row2}</span>
              </li>
            </ul>
          </div>
        </div>
      })}
    </div>
    {/* 服务流程 */}
    <Process />
    {/* 发表案例 */}
    <Case />
    {/* 客户好评 */}
    <Start />
    {/* 服务质量保证 */}
    <div className={style.assurance_body}>
      <div className={`h2 black ${style.h2}`}>服务质量保证</div>
      <p>经万方寰宇深度润色或终极润色服务修改后的完整稿件可以满足期刊对文章的语言要求。如果投稿期刊的编委或者审稿人指出我们的返稿文件中有具体的语言问题，您可以将原始的审稿意见提交给我们，万方寰宇会负责免费重修这些有问题的句段，直至满足该投稿期刊的语言要求。</p>
      <p>注：润色服务旨在提高文章语言质量，但不保证文章的重复率满足投稿期刊的要求，即可能会造成润色后文章整体重复率的上升或下降。如果客户对文章有重复率方面的顾虑或担忧，请参考我们的查重去重服务。</p>
      <div className={`h2 black ${style.h2}`}>免责声明</div>
      <p>在客户选择某一等级的服务后，万方寰宇编辑经过初始评估可能会提出升级服务的要求，如果客户坚持原服务等级，则万方寰宇不对该文章在审稿过程中被指出的语言问题负责。此外，在万方寰宇润色服务结束后，若客户在润色的最终完整稿件中自行添加或修改文字，或者没有接受万方寰宇编辑对语言的修改与建议，导致文章被投稿期刊指出语言问题，则我们也不负责对该稿件进行免费重修。</p>
      {/* <div className={`h2 black ${style.h2}`}>服务时限保证</div>
      <p>万方寰宇向客户承诺将在规定的时限内将稿件编辑/翻译/评阅完毕，并将修改稿、翻译稿、各类评审报告等返回给客户。如有超期返稿的情况，将按以下标准给客户返还一部分项目费用：</p>
      <p>1. 若超过规定返稿时限12小时以上，24小时以下，则返还项目费用总额的5%。</p>
      <p>2. 若超过规定返稿时限24小时以上，48小时以下，则返还项目费用总额的10%。</p>
      <p>3. 若超过规定返稿时限48小时以上，则返还项目费用总额的20%。</p>
      <p>注：随着我们稿件数量的大幅增加，客服和技术人员的工作压力也越来越大。因此，在返稿截止时限前不接受催促编辑返稿或让编辑提前返稿等要求，敬请理解！</p> */}
    </div>
    {/* 编辑团队 */}
    <Team />
    {/* 常见问题 */}
    <Problem />
  </>
}

export default PingguPage;